<template>
  <div>
    <div v-for="item in configs" class="my-3 mx-0">
      <el-link :href="`${item.url}`" target="_blank">
        <div class="flex items-center">
          <div class="flex flex-col justify-center w-5 mr-1.5">
            <i :class="`fa ${item.icon}`" class="block mx-auto" />
          </div>
          <p class="flex-1 m-0">{{ item.name }}</p>
        </div>
      </el-link>
    </div>
  </div>
</template>

<script lang="ts" setup>
const configs = [
  {
    name: "国服游戏客户端下载",
    url: "http://cnpb2.ysepan.com/",
    icon: "fa-asterisk",
  },
  {
    name: "地图推荐表",
    url: "https://docs.qq.com/sheet/DZnNnaWl1dU9ySVFP?tab=BB08J2&u=b533a3ce1d864ceaafd5e7537ce97905",
    icon: "fa fa-map-o",
  },
  {
    name: "Plazma Burst 2 超时空战士2 中国PVP实力榜（非实时）",
    url: "https://docs.qq.com/sheet/DVU1IVGJCeFNMYnRF?tab=BB08J2&_t=1727442061754&u=b533a3ce1d864ceaafd5e7537ce97905",
    icon: "fa-level-up",
  },
];
</script>